import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class ToolTipDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('ToolTip'),
        centerTitle: true,
      ),
      body:_text(),
    );
  }


  Tooltip _text() {
    return Tooltip(
      message: '我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明我是说明',
      height: 30,
      padding: EdgeInsets.all(20),
      margin: EdgeInsets.all(20),
      //距离child中心点儿的数值方向的偏移量
      verticalOffset: 100,
      //设置false时候，会展示在child上方
      preferBelow: false,
      //是否使用语义标签
      excludeFromSemantics: false,
      //指针悬停多久后展示ToolTip，默认为0
      waitDuration: Duration(seconds: 0),
      //展示时长
      showDuration: Duration(seconds: 10),
      //字体样式
      textStyle: TextStyle(
        color: Colors.black54
      ),
      //装饰
      decoration: _boxDecoration(),
      //子控件
      child: Text('长按我，查看说明',
        style: TextStyle(color: Colors.blue,fontSize: 20),),
    );
  }

  BoxDecoration _boxDecoration(){
    return BoxDecoration(
      //边框
      border: Border.all(
        color: Colors.blue,
        width: 3
      ),
      //边角框
      borderRadius: BorderRadius.circular(30),
      //背景图
      image: DecorationImage(
        image: NetworkImage('http://tiebapic.baidu.com/forum/w%3D580/sign=a96ca741eafaaf5184e381b7bc5594ed/7ea6a61ea8d3fd1f2643ad5d274e251f95ca5f38.jpg')
      ),
      //阴影
      boxShadow: [BoxShadow(color: Colors.grey,offset: Offset(10,10))],
      //渐变色
      gradient: LinearGradient(colors: [Colors.white,Colors.yellow],begin: FractionalOffset(0, 0), end: FractionalOffset(0, 1))
    );
  }

}

